<template>
	<view class="user" style="background-image: url('/static/image/user_bg.png');">
		<view class="user-top d-s-c" @click="store.commit('jump','/pages/login/login')">
			<up-avatar size="123rpx"></up-avatar>
			<view class="login ml30 f36 fb" v-if="!data.is_login">登陆</view>
			<view class="d-c d-s-s ml30" v-else>
				<view class="f36 fb">微信用户</view>
				<view class="d-s-c pt10 tel pb10 mt10 white pl20 pr20 f28">
					<up-icon name="phone-fill" size="15" color="#fff"></up-icon>
					<text>13353985062</text>
				</view>
			</view>
		</view>
		<view class="list mt40">
			<view class="item d-b-c bg-white m30 p40" @click="store.commit('jump','/pages/user/favorite')">
				<view class="left d-s-c">
					<image class="icon" src="@/static/image/icon1.png" mode="widthFix"></image>
					<text class="f28 ml40 name">我的收藏</text>
				</view>
				<up-icon name="arrow-right" color="#ADADAD" size="18"></up-icon>
			</view>
			<view class="item d-b-c bg-white m30 p40" @click="store.commit('jump','/pages/user/footprint')">
				<view class="left d-s-c">
					<image class="icon" src="@/static/image/icon2.png" mode="widthFix"></image>
					<text class="f28 ml40 name">我的足迹</text>
				</view>
				<up-icon name="arrow-right" color="#ADADAD" size="18"></up-icon>
			</view>
		</view>
	</view>
</template>

<script setup>
	import { reactive } from 'vue'
	import { onLoad } from "@dcloudio/uni-app";
	import { useStore } from "vuex"
	const store = useStore()
	const data = reactive({
		is_login: true
	})
</script>

<style scoped lang="scss">
	.tel{
		background-color: #D6D0C4;
		border-radius: 40rpx;
	}
	.list {
		.left {
			.icon {
				width: 41rpx;
			}

			.name {
				color: #706F6F;
			}
		}
	}

	.user {
		min-height: 100vh;
		width: 100%;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: contain;
		padding-top: 195rpx;
		background-color: #f6f6f6;
	}

	.user-top {
		margin-left: 42rpx;
	}

	.login {
		// font-family: Source Han Sans CN;
		// font-weight: 400;
		// font-size: 17rpx;
		color: #312821;
		// line-height: 20rpx;
	}
</style>